*{margin:0;padding:0;}
body{font-family:'华文细黑','微软雅黑','SimSun',Arial;background-color:#fff;line-height:1;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0 none;margin: 0;padding: 0;vertical-align: baseline;-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
select,label,textarea,input{font-family: 'lucida grande',tahoma,verdana,arial,STHeiTi,simsun,sans-serif;outline:none;resize:none;}
table{border-collapse:collapse}
ul,li{list-style:none}
img{border:0;margin:0;padding:0;} 
.clear{clear:both;margin-top:0!important;font-size:0;visibility:hidden;width:1px;line-height:0;height:0;}
.clearFix:after{clear:both;content:'';display:block;height:0;visibility:hidden;}
.clearFix{_zoom:1;}
a{color:#999;text-decoration:none;}
a:hover{text-decoration:underline;}

.fl{float:left;_display:inline;}
.fr{float:right;}


.mainWarp{max-width:640px;min-width:320px;margin:0 auto; margin-top: 40px; padding-bottom:30px;}

.miaoIcon{ background:url(../images/miaoIcon.png) no-repeat; background-size:100px 100px;}

.comListBox{width:100%;overflow:hidden;display:none;}
.comListBox.onClass{display:block;}
.ulList{ background:#fff;width:100%;}
.ulList li{border-bottom:1px solid #e8e8e8;padding:10px 0;overflow:hidden;position:relative;top:0;left:0;}
.ulList li .pointArea{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;background-color:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.liWarp{width:100%;}
.liWarp .img{width:30%;float:left;}
.liWarp .img img{width:100%;height:auto;}
.liWarp .info{width:68%;float:left;position:relative;}
.liWarp .info h4{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:14px; line-height:20px; margin:3px 0 2px;}
.liWarp .info h4.styOne{color:#666;font-size:12px;}
.liWarp .info .pro{height:32px; color:#666;font-size:12px;}
.liWarp .loadBox span{display:inline-block;border:1px solid #ffcccc;line-height:0;overflow:hidden;width:70px; height:8px; position:relative; border-radius:4px;}
.liWarp .loadBox em{display:inline-block;position:absolute;left:0;top:0;z-index:0;height:8px; background:#ffcccc;}
.liWarp .loadBox strong{display:inline-block; color:#666; font-weight:normal;font-size:10px; margin-right:8px;}
.liWarp .info .mPri{font-size:12px; color:#666;line-height:18px;}
.liWarp .info .mPri1{font-size:12px; color:#009900;line-height:18px;}
.liWarp .info .mPri span{ color:#ff3333; font-weight:700; padding-right:2px;}
.liWarp .info .mPri b{color:#ff3333; font-size:14px;}
.liWarp .info .mBtnBox{width:60px;height:24px;position:absolute;bottom:-5px;right:0;}
.liWarp .info .btn{display:block;background-color:#fc4646;width:60px;height:25px;line-height:25px;border-radius:3px;-webkit-border-radius:5px;-moz-border-raidus:5px;text-align:center;color:#fff;font-size:12px; position:relative; top:-5px;right:5px;}
.liWarp .info .btn:hover{ text-decoration:none;}
.liWarp .info .btn.style{background-color:#8e8d8d;}
.liWarp .info .btn.style1{background-color:#009900;}


.tabTime{border-bottom:1px solid #e8e8e8;overflow:hidden;}
.tabTime .hd{height:40px;width:100%; background:#f5f5f5;}
.tabTime .hd ul{width:104%;}
.tabTime .hd ul li{width:23%;display:inline-block;height:38px;text-align:center; padding-top:2px;}
.tabTime .hd ul li a{display:inline-block;height:38px;line-height:36px;font-size:14px;padding:0 3px; color:#333;}
.tabTime .hd ul li a:hover{ text-decoration:none;}
.tabTime .hd ul li.on a{height:36px;color:#fe4747;}
.timeBd{height:36px;overflow:hidden; background:#fff;}
.timeBd h4{ width:90px;font-size:14px;float:left;line-height:36px; color:#fff; background:url(../images/arrow.jpg) no-repeat right center scroll #fc4646; padding-left:10px;}
.timeBd h4 i{ display:inline-block; float:left; width:16px; height:15px; margin:10px 5px 0 0;}
.raceListTime{height:20px;float:right; overflow:hidden; margin-top:8px;}
.raceListTime i{ float:left; color:#fff;font-size:12px;font-style:normal; text-align:center;width:22px;height:20px;display:inline-block;line-height:20px;background-color:#4d4d4d;margin:0 3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-raidus:3px; letter-spacing:1px;}
.raceListTime span{ float:left; color:#999;font-size:12px;padding-right:5px;line-height:20px; color:#666;}


.nextBtn{ height:30px; line-height:30px; background:#ddd; position:fixed;left:0; bottom:0; width:100%; text-align:center;z-index:999;}
.nextBtn a{font-size:12px; color:#333;}
.nextBtn a b{ font-family:"宋体"; color:#999; padding-left:2px;}

.rulebd{padding:2% 5%;}
.rulebd h3,.rulebd p{padding-bottom:15px;font-weight:normal;color:#999;font-size:12px;line-height:16px;}
.noMore{ width:100%; text-align:center;font-size:12px; height:64px; line-height:64px; color:#969696; display:none; overflow:hidden;}

.noMoreHover{ height:0;
transition:height 0.8s;
-moz-transition:height 0.8s; /* Firefox 4 */
-webkit-transition:height 0.8s; /* Safari and Chrome */
-o-transition:height 0.8s; /* Opera */}

.refresh{ height:48px; text-align:center; width:100%; padding:8px 0 30px;}
.refresh .refresh-w{ background:url(../images/home/icon123_03.png) no-repeat; background-size:25px 25px; width:25px; height:25px; display:block; margin:0 auto; position: relative;}
.refresh i .refresh-n{display:block; position:absolute; left:6.5px; top:6.5px;}
.refresh p{ font-size:12px; color:#999; line-height:15px; text-align:center;}
.refresh-360{animation:1.5s linear 0s normal none infinite rotate; -webkit-animation:1.5s linear 0s normal none infinite rotate;}

@-webkit-keyframes rotate{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}



